草庐IT

CSS 链接

全部标签

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否

javascript - 在 Internet Explorer 的新选项卡中打开链接时 SessionStorage 不为空

我需要在每个打开的浏览器选项卡上(在javascript对象中)有一些唯一的ID。Id必须通过请求保存,我决定为其使用sessionStorage。当我在浏览器中打开新页面时,它运行良好。但是当我通过鼠标右键单击链接并在IE11中选择“在新选项卡中打开链接”时-sessionStorage不为空。所以我对新id的期望落空了。Chrome以另一种方式工作,sessionStorage是空的。有谁知道如何解决IE的这个问题? 最佳答案 我知道这是一个古老的问题,但就在今天,我自己也在努力解决这个问题。我正在打开一个带有target="_

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - 链接 Protractor 中的所有语句

我的第一个堆栈溢出问题....我试图在Protractor中链接所有语句,但出现错误。TypeError:Object[objectObject]hasnomethod'all'我正在查看下一页上的API代码http://angular.github.io/protractor/#/api?view=ElementArrayFinder.prototype.all表示可以使用element.all(locator).all(locator)以这个为例varfoo=element.all(by.css('.parent')).all(by.css('.foo'))我的代码似乎非常相似,我

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - 仿函数或单子(monad)的名称和存在以链接和终止操作序列

请原谅我,我会尽力描述我正在寻找的东西。我没有它的名字,所以它变得更加困难。查看库,例如Folktale和monet.js,我喜欢能够使用map链接操作而无需空检查或if语句,例如使用也许,要么,任务。我想知道是否存在类似的构造来解决以下问题:我有初步意见。我想构建一个对输入进行操作的函数链。每个函数可能返回也可能不返回结果。如果函数没有返回结果,则调用链中的下一个函数。一旦函数返回结果,就忽略链中的其余函数(类似于map在Maybe.Nothing上ping一个函数)返回结果。换句话说,我正在寻找类似于Maybe的东西,它包含一个值并将函数映射到Just但忽略映射到Nothing的函

JavaScript 可链接方法困境

我有2个方法想用作可链接的方法。可以链接其他方法以进一步修改文本。left从左边返回X个字符。right从右边返回X个字符。目前我可以这样做:vartxt="hello";S$(txt).left(4).right(2).val//returns"ll"我想做的就是这个。基本上我想在最后一个链接方法之后返回结果而不必调用属性。这可能吗?vartxt="hello";S$(txt).left(4).right(2)//returns"ll"主要代码如下:(function(global){varjInit=function(text){this.text=text;this.val=te

javascript - 检查 CSS 选择器是否有效

我有一个供用户输入CSS选择器的字段,我想检查它是否有效(根据css3specification)。我尝试使用css3specification中的表达式正如anotherstackoverflowtopic中所建议的那样,但它不起作用-我构建的正则表达式与有效的选择器不匹配。我现在所拥有的只是:try{document.querySelector(selector);}catch(e){//handlebadinput}但这似乎不是一个好的解决方案-querySelector函数是为获取元素而设计的,检查选择器只是一个副作用。此外,它不提供有关选择器问题的任何信息。我正在寻找类似do

javascript - 可折叠树示例中的 d3.js v4 古怪链接转换

如果你玩下面的可折叠树,你会看到当你到达树的末端,展开和折叠节点时,线条正在做一些古怪的事情,我不完全确定是什么驱动了行为或如果我重写enterlinkdescriptionhere完全没有根据。我使用平面数据结构并使用分层将其转换为树形布局。到目前为止唯一的问题是线路转换……有什么想法吗?vardata=[{"name":"Hazer5000","parent":"CFO","img":"https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/stephen.jpg"},{"name":"Employee1","parent":"Haze

javascript - 删除类时如何避免 css 转换(旋转)?

我想通过向其添加CSS类来旋转元素onclick。问题是,当删除相同的CSS类时,元素会第二次旋转。fiddle:https://jsfiddle.net/L3x2zhd1/1/JS:varel=document.getElementById('el');el.onclick=function(){el.className='rotate'setTimeout(function(){el.className=''},1000)};CSS:#el{width:50px;height:50px;background-color:red;-webkit-transition:-webkit-